/* CSS Reset- Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,legend , table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	background-color:rgba(237,237,237,1);
}

body{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:14px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(237,237,237,1) 100%);
background: linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(237,237,237,1) 100%);
}
ul{	list-style:none;}

input[type=submit]{
	padding:3px 15px;
}

h1{
	font-size:23px;
	color:limegreen;
	vertical-align:middle;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/* CSS RSET ENDS */


#wrapper{
	position:relative;
	width:1100px;
	margin:0 auto;
}

#header{
	width:100%;
	height:70px;
}

#header h1{
	position:absolute;
	top:5px;
	left:0;
}

.headnav{
	float:right;
	text-align:right;
	margin-top:25px;
}

.headnav li{
	display:inline;
}

.headnav li a{
	display:block;
	padding:5px 7px;
	float:left;
	margin-left:5px;
	text-decoration:none;
}

.headnav li a[href]:hover{
	text-decoration:underline;
}

.admin{
	background-image:url('../images/adminnavicon.png');
	background-repeat:no-repeat;
	background-position:0 8px;
	padding-left:18px!important;
}

.password{
	background-image:url('../images/adminnavicon.png');
	background-repeat:no-repeat;
	background-position:0 -35px;
	padding-left:20px!important;
}

.logout{
	background-image:url('../images/adminnavicon.png');
	background-repeat:no-repeat;
	background-position:0 -71px;
	padding-left:20px!important;
}


/* DROPDOWN MENU */
#menu {list-style-type:none; padding:0; margin:0 0 0 3px; position:absolute; top:16px; left:220px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; }

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#fff; font-size:16px;  text-decoration:none;padding:5px 10px;font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}


#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden; }

#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:200px; left:0;top:30px; background-color:#e0f1ff; border-bottom-left-radius:5px;border-bottom-right-radius:5px;} /* the background image is for IE7 */

#menu ul li a{
	display:block;
	width:180px;
	float:left;
	padding:5px 10px;
	font-size:14px;
	color:#fff;
	border-bottom:1px dashed #c6e5ff;
}

#menu ul li:last-child a{
	border-bottom:0;
}

#menu ul li a:hover{
	background-color:#addaff;
	color:#fff!important;
}

#menu li.sub{
	background-image:url('../images/admin_menubtn.png');
	background-repeat:no-repeat;
	background-position:0 0;
	width:100px;
	color:#fff;
	line-height:20px;
}

#menu .sub:hover{
	background-image:url('../images/admin_menubtn.png');
	background-repeat:no-repeat;
	background-position:0 -30px ;

}
 
#menu .sub>a{
	font-weight:bold;
}

#menu .sub:hover a{
	color:#000!important;
}

/* dropdown menu ends */

#hmenu{
	width:100%;
	height:35px;
	position:relative;
	background-color:#50C3FF;
	border-radius:5px 5px 0 0;

	background: #5ec9ff;
	background: -moz-linear-gradient(top,  #5ec9ff 0%, #3fbfff 50%, #5ec9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ec9ff), color-stop(50%,#3fbfff), color-stop(100%,#5ec9ff));
	background: -webkit-linear-gradient(top,  #5ec9ff 0%,#3fbfff 50%,#5ec9ff 100%);
	background: -o-linear-gradient(top,  #5ec9ff 0%,#3fbfff 50%,#5ec9ff 100%);
	background: -ms-linear-gradient(top,  #5ec9ff 0%,#3fbfff 50%,#5ec9ff 100%);
	background: linear-gradient(top,  #5ec9ff 0%,#3fbfff 50%,#5ec9ff 100%);

	box-shadow:0 0 1px 1px RGB(204,204,204);
}

#hmenu li{
	display:inline;
	position:relative;
	float:left;
}

#hmenu li a{
	display:block;
	padding:8px 20px;
	text-align:center;
	text-decoration:none;
	border-left:1px solid #99CCFF;
	color:#fff;
}

#hmenu li a:hover{
	background-color:#4BACFF;
}

#hmenu li a:active{
	outline:none;
}

/* dropdown */

#hmenu ul{
	list-style:none;
	position:absolute;
	left:-9999px;
	z-index:1000;
	border:1px solid #99CCFF;

}

#hmenu ul li{
	display:inline;
	float:none;
}

#hmenu li:hover ul{
	left:0;
	top:35px;
}

#hmenu ul a{
	color:#000;
	width:170px;
	text-align:left;
	text-decoration:none;
	border-left:0;
	border-bottom:1px solid #ccc;
	background-color:aliceblue;
}

#hmenu ul li:last-child a{
	border-bottom:0;
}

#hmenu li:hover a{
}

#hmenu li:hover a:hover{
	background-color:#5ec9ff;
	color:#fff;
}


/* ======= CONTENT============= */
.content {
	position:relative;
	padding:10px;
/*	overflow:auto;*/
	border-radius:0 0 5px 5px;
	background-color:#fff;
	z-index:100;
	border:1px solid #ccc;
	box-shadow:0 1px 2px 1px RGBA(204,204,204,0.5);
}

.pagetitle{
	position:relative;
	background-color:aliceblue;
	padding:8px 10px;
	overflow:auto;
	margin-bottom:10px;
}

.pagetitle h1{
	font-size:23px;
	float:left;
	color:limegreen;
	vertical-align:middle;
	margin-right:10px;
	font-weight:bold;
	line-height:32px;
}

#arrow{
	position:absolute;
	top:0;
	left:240px;
}
/* ========== TABLE DESIGN ============ */

table{
	width:100%;
	border-collapse:collapse;
	border-radius:5px;
}

thead{
	background-color:azure;
	font-weight:bold;
}

th, td{
	border:1px solid #ccc;
	vertical-align:middle;
	padding:2px 7px;
	text-align:center;
	color:#666;
}



tbody tr:hover, tbody tr:hover td{
	background-color:#FAFDFF;
	color:#2CC2FE;
}

table col.username{width:250px; text-align:left;}
col.name{width:50px;}
col.date{width:80px;}
.leftaligntxt {
	text-align: left;
	color:#000;
}

table input[type=text]{
	width:50px;
}

table input[type=button]{
	height:30px;
	margin-left:5px;
}

a.savebtn{
	background-image:url('../images/save.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:inline-block;
	height:24px;
	width:24px;
	margin-left:5px;
	vertical-align:middle;
}

a.editbtn{
	background-image:url('../images/pencil3.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:inline-block;
	height:24px;
	width:24px;
	margin-left:5px;
	vertical-align:middle;

}

a.deletebtn{
	background-image:url('../images/remove2.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:inline-block;
	height:20px;
	width:25px;
	margin-left:5px;
	vertical-align:middle;

}



/* ============ SEARCHBOX ===================*/

.searchbox form div{
	position:relative;
	width:400px;
	float:left;
	padding:5px;
	margin-top:3px;
	margin-right:10px;
	background-color:aliceblue;
	border-radius:5px;
}

form div{
	width:400px;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	background-color:aliceblue;
	border-radius:5px;
}

label{
	width:110px;
	float:left;
	line-height:22px;
	padding-left:5px;
}

input[type=text]{
	width:270px;
	height:22px;
}

.searchbox input[type=text]{
	float:right;
}

textarea{
	width:270px;
	height:90px;
}


fieldset{
	border:1px solid #ccc;
	padding:0 10px;
	padding-bottom:5px;
	border-radius:5px;
	margin-bottom:10px;
}

legend{
	margin-left:8px;
	font-size:16px;
}

form#credit{
	margin:20px;
	margin-left:0;
}

#credit input[type=submit]{
	margin-left:120px;
	margin-top:10px;
}

/* ========= PAGINATION ============== */
.page{
	text-align: center;
	float:right;
	padding:10px 0;
	margin-top:5px;
	}
.page li {
	display: inline;
	margin: 0 4px 0 0;
	}
.page li a, .page li a:visited {
	padding: 3px 8px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 3px;
	text-decoration:none;
	color:#333;
	}
.page li a:hover,
.page li a:focus {
	background: #f0f0f0;
	border-color: #ccc;
	color:#47CAFE;
	}

/* ========= CUSTOM ============== */
.demo {
    padding:30px 0 60px 0;
}
.demo h1 {
    text-align:center; 
    font-size:32px;
}
.demo p {
    text-align:center;
    font-size:18px;
}
